<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>铂涛旅行</title>
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/index.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<header class="header-box">
    <div class="header-top">
        <img src="img/logo.png" width="126" height="30" alt="">
        <nav class="header-nav">
            <a href="reservation.html">酒店预订</a>
            <a href="">企业差旅</a>
            <a href="integral.html">积分商城</a>
            <a href="">会员论坛</a>
        </nav>
        <div class="header-r">
            <a href="login.html">登录</a>
            <a href="register.html">注册</a>
        </div>
    </div>
    <ul class="header-img">
        <li><img src="img/swiper1.jpg" alt=""></li>
        <li><img src="img/swiper2.jpg" alt=""></li>
        <li><img src="img/swiper3.jpg" alt=""></li>
        <li><img src="img/swiper4.jpg" alt=""></li>
    </ul>
    <ul class="header-num">
        <li class="header-num-def pitch"></li>
        <li class="header-num-def"></li>
        <li class="header-num-def"></li>
        <li class="header-num-def"></li>
    </ul>
    <div class="header-arr">
        <img src="img/left-arr.png" class="header-arr-l" alt="">
        <img src="img/right-arr.png" class="header-arr-r" alt="">
    </div>
</header>
<main class="main-box">
    <!--旅行体验-->
    <div class="main-intro">
        <h1>铂涛旅行最具温度的旅行体验</h1>
        <p class="main-intro-p">铂涛旅行是铂涛地游记等核心功能。后续将提供门票、接车、导游等旅游产品打包服务</p>
        <p>铂涛旅行覆盖了铂涛旗下12个酒店，遍布东南亚等地区，从经济连锁酒店到中高端特色酒店高端特色酒店高端特色酒店高端特色酒店高端特色酒店高端特色酒店高端特色酒店俱全，满足客户的不同出游住宿需求。</p>
    </div>
    <!--铂涛-->
    <div class="main-hotel">
        <div class="main-hotel-title">
            <h1><img src="img/botao-logo.png" alt=""><span>铂涛</span></h1>
        </div>
        <div class="main-hotel-logo">
            <div class="main-hotel-logo-img-box">
                <ul class="main-hotel-logo-img">
                    <li><img src="img/hotel-logo1.png" alt=""></li>
                    <li><img src="img/hotel-logo2.png" alt=""></li>
                    <li><img src="img/hotel-logo3.png" alt=""></li>
                    <li><img src="img/hotel-logo4.png" alt=""></li>
                    <li><img src="img/hotel-logo5.png" alt=""></li>
                    <li><img src="img/hotel-logo6.png" alt=""></li>
                    <li><img src="img/hotel-logo7.png" alt=""></li>
                    <li><img src="img/hotel-logo8.png" alt=""></li>
                    <li><img src="img/hotel-logo9.png" alt=""></li>
                    <li><img src="img/hotel-logo5.png" alt=""></li>
                    <li><img src="img/hotel-logo8.png" alt=""></li>
                    <li><img src="img/hotel-logo10.png" alt=""></li>
                </ul>
            </div>
            <div class="main-hotel-logo-arr"><img src="img/left-arr.png" alt=""><img src="img/right-arr.png" alt=""></div>
        </div>
    </div>
    <div class="recommend-hotel">
        <div class="recommend-hotel-content">
            <!--推荐酒店-->
            <div>
                <h1 class="recommend-title">推荐酒店</h1>
                <div class="recommend-hotel-content-img">
                    <div class="recommend-hotel-content-img-l">
                        <div>
                            <img src="img/xana.jpg" alt="">
                            <div class="recommend-hotel-content-intro">
                                <h1 class="r-h-c-i-name">希 岸</h1>
                                <p class="r-h-c-i-font"><span>Xana</span><span>小幸感</span><span>宠你开始</span></p>
                            </div>
                            <div class="r-h-c-i-animation">
                                <h1 class="r-h-c-i-name">希 岸</h1>
                                <p class="r-h-c-i-font"><span>Xana</span><span>小幸感</span><span>宠你开始</span></p>
                                <div class="r-h-c-i-btm">
                                    <p>感受时尚轻奢的生活方式</p>
                                    <a href="javascript:;">查看详情</a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <img src="img/iu.jpg" alt="">
                            <div class="recommend-hotel-content-intro">
                                <h1 class="r-h-c-i-name">IU</h1>
                                <p class="r-h-c-i-font"><span>最自己</span><span>NO</span><span>OUT</span></p>
                            </div>
                            <div class="r-h-c-i-animation">
                                <h1 class="r-h-c-i-name">IU</h1>
                                <p class="r-h-c-i-font"><span>最自己</span><span>NO</span><span>OUT</span></p>
                                <div class="r-h-c-i-btm">
                                    <p>感受时尚轻奢的生活方式</p>
                                    <a href="javascript:;">查看详情</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="recommend-hotel-content-img-r">
                        <div>
                            <img src="img/zf.jpg" alt="">
                            <div class="recommend-hotel-content-intro">
                                <h1 class="r-h-c-i-name">喆啡</h1>
                                <p class="r-h-c-i-font">旅途中的啡凡存在</p>
                            </div>
                            <div class="r-h-c-i-animation">
                                <h1 class="r-h-c-i-name">喆啡</h1>
                                <p class="r-h-c-i-font">旅途中的啡凡存在</p>
                                <div class="r-h-c-i-btm">
                                    <p>感受时尚轻奢的生活方式</p>
                                    <a href="javascript:;">查看详情</a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <img src="img/pai.jpg" alt="">
                            <div class="recommend-hotel-content-intro">
                                <h1 class="r-h-c-i-name">派</h1>
                                <p class="r-h-c-i-font"><span>No</span><span>Try</span><span>No</span><span>High</span><span>不试不欢</span></p>
                            </div>
                            <div class="r-h-c-i-animation">
                                <h1 class="r-h-c-i-name">派</h1>
                                <p class="r-h-c-i-font"><span>No</span><span>Try</span><span>No</span><span>High</span><span>不试不欢</span></p>
                                <div class="r-h-c-i-btm">
                                    <p>感受时尚轻奢的生活方式</p>
                                    <a href="javascript:;">查看详情</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="recommend-hotel-content-img-m">
                        <div>
                            <img src="img/qtjz.jpg" alt="">
                            <div class="recommend-hotel-content-intro">
                                <h1 class="r-h-c-i-name">7天品牌家族</h1>
                                <p class="r-h-c-i-font">年轻的选择</p>
                            </div>
                            <div class="r-h-c-i-animation">
                                <h1 class="r-h-c-i-name">7天品牌家族</h1>
                                <p class="r-h-c-i-font">年轻的选择</p>
                                <div class="r-h-c-i-btm">
                                    <p>感受时尚轻奢的生活方式</p>
                                    <a href="javascript:;">查看详情</a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <img src="img/lf.jpg" alt="">
                            <div class="recommend-hotel-content-intro">
                                <h1 class="r-h-c-i-name">麗 枫</h1>
                                <p class="r-h-c-i-font"><span>Good</span><span>Morrow</span><span>只为更好的出发</span></p>
                            </div>
                            <div class="r-h-c-i-animation">
                                <h1 class="r-h-c-i-name">麗 枫</h1>
                                <p class="r-h-c-i-font"><span>Good</span><span>Morrow</span><span>只为更好的出发</span></p>
                                <div class="r-h-c-i-btm">
                                    <p>感受时尚轻奢的生活方式</p>
                                    <a href="javascript:;">查看详情</a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <img src="img/xedhp.jpg" alt="">
                            <div class="recommend-hotel-content-intro">
                                <h1 class="r-h-c-i-name">希尔顿欢朋</h1>
                                <p class="r-h-c-i-font">欢朋体验，知己之道</p>
                            </div>
                            <div class="r-h-c-i-animation">
                                <h1 class="r-h-c-i-name">希尔顿欢朋</h1>
                                <p class="r-h-c-i-font">欢朋体验，知己之道</p>
                                <div class="r-h-c-i-btm">
                                    <p>感受时尚轻奢的生活方式</p>
                                    <a href="javascript:;">查看详情</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--最新优惠-->
            <div class="new-discounts">
                <h1 class="new-discounts-title">最新优惠</h1>
                <div class="new-discounts-img">
                    <img src="img/discounts1.png" alt="">
                    <img src="img/discounts2.png" alt="">
                    <img src="img/discounts3.png" alt="">
                </div>
            </div>
            <!--下载APP-->
            <div class="download">
                <h1 class="download-title">下载铂涛旅行APP 尊享特权</h1>
                <img src="img/banner_download.jpg" width="1070" alt="">
            </div>
        </div>
    </div>
</main>
<footer class="footer-box">
    <div class="footer-content">
        <ul class="footer-content-t">
            <li><img src="img/index-footer1.png" alt=""><span>3700+酒店随心选</span></li>
            <li><img src="img/index-footer2.png" alt=""><span>8000+万会员信赖</span></li>
            <li><img src="img/index-footer3.png" alt=""><span>金卡、白金享免单金牌</span></li>
            <li><img src="img/index-footer4.png" alt=""><span>订贵了陪双倍差价</span></li>
        </ul>
        <div class="footer-content-m">
            <div class="footer-content-m-l">
                <ul>
                    <li>
                        <div>公司信息</div>
                        <div>关于铂涛</div>
                        <div>品牌介绍</div>
                        <div>联系我们</div>
                    </li>
                    <li>
                        <div>关注我们</div>
                        <div>下载客户端</div>
                        <div>官方微信</div>
                        <div>官方微博</div>
                    </li>
                    <li>
                        <div>投诉意见</div>
                        <div>会员建议</div>
                        <div>会员投诉</div>
                    </li>
                    <li>
                        <div>招贤纳士</div>
                        <div>工作机会</div>
                    </li>
                </ul>
            </div>
            <div class="footer-content-m-r">
                <div class="show-look">
                    <img src="img/ewm_wecha.png" alt="">
                    <div>
                        <p>立即关注</p>
                        <span>铂涛旅行</span>
                        <span>官方微信</span>
                    </div>
                </div>
                <div class="show-download">
                    <img src="img/ewm_app.png" alt="">
                    <div>
                        <p>立即下载</p>
                        <p>铂涛旅行</p>
                        <span>App</span>
                    </div>
                </div>
                <span class="footer-content-m-r-phone">服务电话：400 874 0087</span>
            </div>
        </div>
        <p class="footer-content-b">粤ICP备14062877号 丨 Copyright <img src="img/copy.png" alt=""><span>2013-2016 Plateno.com, All Rights reserved.</span><span class="footer-content-b-span">七天四季酒店（广州）有限公司</span></p>
    </div>
</footer>
</body>
</html>